<template>
  <button @click="getDom">获取P标签 </button>
  <p ref="dom">我是P标签 {{num}}</p>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import { ref, computed, onMounted, watch ,reactive ,onUpdated ,nextTick } from 'vue'
let dom = ref(null)
let num = ref(0)
const getDom = async ()=>{
  // 先递增
    num.value++
  // 等待
   await nextTick()
  // 获取
   console.log(dom.value.innerHTML);
}
</script>
<!-- 再写一个script标签 使用Vue2的方法 写入name属性 -->
<script>
export default {
name: 'App',
}
</script>
